<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8" name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no">
    {include file='public/main'}
    <link rel="stylesheet" href="/css/details.css">
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>

    <title>查看</title>
</head>

<body>
    <div id="app">
        <el-container>
            {include file='public/header'}
            <!-- <div class="head">
                <h2 class="dish2">查看动态详细</h2>
            </div> -->
            <el-main>
                <div class="container">

                    <div class="post-body">

                        <div class="content">

                            <div class="text-warp">
                                <div class="author">
                                    <el-avatar class="portrait" src="{$data['user']['avatar']}">
                                    </el-avatar>
                                    <div class="author infos">
                                        <span style="display: block;">{$data['user']['username']}</span>
                                        <div class="tag-1">
                                            <el-tag style="display: inline-block;" size="mini">{$data['user']['title']}
                                            </el-tag>
                                            <span style="display: inline-block;margin-left: 4px;">{$data['time']}</span>
                                        </div>
                                    </div>
                                    <div style="position: absolute;right: 0;">
                                        <el-button type="primary">发表点评</el-button>
                                    </div>
                                </div>
                                <div id="wapr">
                                    <div style="font-size: 18px;margin-top: 10px;font-weight: bold;">{$data['title']}
                                    </div>
                                    {$data['content']|raw}
                                </div>

                            </div>

                            <div class="commnets">
                                <div class="option">
                                    <div class="sublmh" style="display: inline-block;">
                                        {$data['comments']} 条回复
                                    </div>
                                    <el-divider direction="vertical" class="elv"></el-divider>
                                    <div class="sublmh" style="display: inline-block;">
                                        258861 次浏览
                                    </div>
                                    <el-divider direction="vertical" class="elv"></el-divider>
                                    <el-dropdown trigger="click" style="position: absolute;right: 20px;">
                                        <span class="el-dropdown-link">
                                            排序<i class="el-icon-arrow-down el-icon--right"></i>
                                        </span>
                                        <el-dropdown-menu slot="dropdown">
                                            <el-dropdown-item icon="el-icon-plus">黄金糕</el-dropdown-item>
                                            <el-dropdown-item icon="el-icon-circle-plus">狮子头</el-dropdown-item>
                                            <el-dropdown-item icon="el-icon-circle-plus-outline">螺蛳粉</el-dropdown-item>
                                            <el-dropdown-item icon="el-icon-check">双皮奶</el-dropdown-item>
                                            <el-dropdown-item icon="el-icon-circle-check">蚵仔煎</el-dropdown-item>
                                        </el-dropdown-menu>
                                    </el-dropdown>
                                </div>
                                <div class="line">
                                    {foreach $list as $key => $value}
                                    <div class="item">
                                        <div class="us">
                                            <div class="ustsy">
                                                <el-avatar :size="25" src="{$value['user']['avatar']}"></el-avatar>
                                                <a href="" style="margin-left: 10px;">
                                                    <div class="wqnker">
                                                        <span
                                                            style="max-width: 150px;color:rgba(132, 139, 150, 1);">{$value['user']['username']}</span>
                                                    </div>
                                                </a>
                                            </div>
                                            <div class="sjk">
                                                <div
                                                    style="padding: 0px;margin-left: 12px;color: rgba(132, 139, 150, 1);">
                                                    {$value['time']}</div>
                                            </div>
                                        </div>
                                        <div class="css-e1">
                                            <div class="css-e2">
                                                <p>{$value['content']|raw}</p>
                                            </div>
                                        </div>
                                        <el-divider></el-divider>
                                        <div class="css-e3">
                                            <div class="css-e4">
                                                <div class="css-e5">

                                                    <div class="css-e6">
                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                                            width="1em" height="1em" fill="currentColor"
                                                            class="css-1rhb60f-Svg ea8ky5j0">
                                                            <path fill-rule="evenodd"
                                                                d="M7.04 9.11l3.297-7.419a1 1 0 01.914-.594 3.67 3.67 0 013.67 3.671V7.33h4.028a2.78 2.78 0 012.78 3.2l-1.228 8.01a2.778 2.778 0 01-2.769 2.363H5.019a2.78 2.78 0 01-2.78-2.78V11.89a2.78 2.78 0 012.78-2.78H7.04zm-2.02 2a.78.78 0 00-.781.78v6.232c0 .431.35.78.78.78H6.69V11.11H5.02zm12.723 7.793a.781.781 0 00.781-.666l1.228-8.01a.78.78 0 00-.791-.898h-5.04a1 1 0 01-1-1V4.77c0-.712-.444-1.32-1.07-1.56L8.69 10.322v8.58h9.053z"
                                                                clip-rule="evenodd"></path>
                                                        </svg>
                                                    </div>
                                                    <button class="btn-e1">
                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                                            width="1em" height="1em" fill="currentColor"
                                                            class="css-1rhb60f-Svg ea8ky5j0">
                                                            <path fill-rule="evenodd"
                                                                d="M11.997 21.5a9.5 9.5 0 01-8.49-5.251A9.38 9.38 0 012.5 11.997V11.5c.267-4.88 4.12-8.733 8.945-8.999L12 2.5a9.378 9.378 0 014.25 1.007A9.498 9.498 0 0121.5 12a9.378 9.378 0 01-.856 3.937l.838 4.376a1 1 0 01-1.17 1.17l-4.376-.838a9.381 9.381 0 01-3.939.856zm3.99-2.882l3.254.623-.623-3.253a1 1 0 01.09-.64 7.381 7.381 0 00.792-3.346 7.5 7.5 0 00-4.147-6.708 7.385 7.385 0 00-3.35-.794H11.5c-3.752.208-6.792 3.248-7.002 7.055L4.5 12a7.387 7.387 0 00.794 3.353A7.5 7.5 0 0012 19.5a7.384 7.384 0 003.349-.793 1 1 0 01.639-.09z"
                                                                clip-rule="evenodd"></path>
                                                        </svg>
                                                        <span style="margin-left: 4px;">回复 1</span>
                                                    </button>
                                                    <button class="btn-e1">
                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                                            width="1em" height="1em" fill="currentColor"
                                                            class="css-1rhb60f-Svg ea8ky5j0">
                                                            <path fill-rule="evenodd"
                                                                d="M11.5 5.5a7 7 0 107 7 1 1 0 112 0 9 9 0 11-9-9 1 1 0 110 2z"
                                                                clip-rule="evenodd"></path>
                                                            <path fill-rule="evenodd"
                                                                d="M20.207 3.793a1 1 0 010 1.414l-7 7a1 1 0 01-1.414-1.414l7-7a1 1 0 011.414 0z"
                                                                clip-rule="evenodd"></path>
                                                            <path fill-rule="evenodd"
                                                                d="M14.5 4.5a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 11-2 0v-3h-3a1 1 0 01-1-1z"
                                                                clip-rule="evenodd"></path>
                                                        </svg>
                                                        <span style="margin-left: 4px;">分享</span>
                                                    </button>
                                                </div>

                                            </div>
                                            <button class="btn-e1">
                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em"
                                                    height="1em" fill="currentColor" class="css-1rhb60f-Svg ea8ky5j0">
                                                    <path fill-rule="evenodd"
                                                        d="M11 20a1 1 0 011-1h8a1 1 0 110 2h-8a1 1 0 01-1-1zM17.018 5c-.26 0-.51.104-.695.288L4.837 16.773l-.463 1.853 1.853-.463L17.712 6.677A.981.981 0 0017.018 5zm-2.11-1.126a2.983 2.983 0 014.219 4.217L7.444 19.773a1 1 0 01-.464.263l-3.738.934a1 1 0 01-1.213-1.212l.934-3.739a1 1 0 01.263-.464L14.91 3.874z"
                                                        clip-rule="evenodd"></path>
                                                </svg>
                                                <span style="margin-left: 4px;">我要点评</span>
                                            </button>
                                        </div>
                                        <el-input type="textarea" :autosize="{ minRows: 1}" placeholder="请输入内容"
                                            v-model="textarea1"></el-input>
                                        <div class="reform">
                                            {foreach $value['reply'] as $k => $v}
                                            <div class="item2">
                                                <div class="css-r1">
                                                    <el-avatar :size="25" src="{$v['member']['avatar']}"></el-avatar>
                                                    <a href="">
                                                        {if $v['rid'] != 'false'}
                                                        <span>{$v['member']['username']}</span>
                                                        <span
                                                            style="font-size: 14px;color: #000;">&nbsp;&nbsp;回复&nbsp;&nbsp;</span>
                                                        <span>{$v['rid']['userid']['username']}</span>
                                                        {else}
                                                        <span>{$v['member']['username']}</span>
                                                        {/if}

                                                    </a>
                                                </div>
                                                <div class="css-r2">
                                                    <p>{$v['content']}</p>
                                                    {if $v['rid'] != 'false'}
                                                    <div class="css-r3">
                                                        <div>“</div>

                                                        <div class="parent-content">{$v['rid']['content']|raw}</div>

                                                        <div>”</div>
                                                    </div>
                                                    {/if}
                                                </div>
                                                <ul class="css-d1">
                                                    <li data-v-7651af5e="" class="view">
                                                        <i class="lk"></i>
                                                        <span style="margin-left: 3px;">10</span>
                                                    </li>
                                                    <li data-v-7651af5e="" class="view">
                                                        <i class="co"></i>
                                                        <span style="margin-left: 3px;">回复</span>
                                                    </li>
                                                </ul>
                                                <div class="css-d6">
                                                    <el-input type="textarea" :autosize="{ minRows: 2}"
                                                        placeholder="请输入内容" v-model="textarea1"></el-input>
                                                </div>
                                            </div>
                                            {/foreach}
                                        </div>
                                    </div>
                                    {/foreach}
                                </div>
                            </div>

                            <div class="css-d2">
                                <div class="header" data-v124="" style="margin-bottom: 1rem;">
                                    <span data-v-4593adae="" class="header-title">评论</span>
                                </div>
                                <div id="myeditor"></div>

                                <div class="css-d3">
                                    <el-button class="po" @click='sendComment' type="success">点评</el-button>
                                </div>
                                <input type="hidden" id="data-oodnjppm" value="{$pid}">

                            </div>
                        </div>
                        <div class="jvrmb-Wrapper">
                            <div class="bqjm1"></div>
                        </div>
                    </div>

                </div>

            </el-main>
            <el-footer>Footer</el-footer>
        </el-container>
    </div>

    <script src="/js/details.js"></script>
</body>

</html>